<template>
  <div id="footer">
    <div id="center">
      <div class="tit">公益星公益平台</div>
      <div class="nav">
        <router-link to="/">首页</router-link>
        <router-link to="/about">关于我们</router-link>
        <router-link to="/welfare">公益事项</router-link>
        <router-link to="/news">新闻资讯</router-link>
        <router-link to="/contact">联系我们</router-link>
      </div>
      <div class="details">
        <div class="list">联系人: 新新小朋友</div>
        <div class="list">联系电话: 020-000000 000-000000</div>
        <div class="list">联系邮箱：2719382032@.com</div>
        <div class="list">联系地址：XXX省XXX市XXX县XXX路XXX</div>
      </div>
    </div>
  </div>
</template>

<script lang="ts" setup></script>

<style scoped lang="less">
#footer {
  height: 334px;
  background-color: #222222;
  box-sizing: border-box;
  padding-top: 100px;
  #center {
    width: 1200px;
    margin: 0 auto;
    .tit {
      font-size: 30px;
      color: #f13a3a;
      font-family: '宋体';
      font-weight: 600;
    }
    .nav {
      display: flex;
      margin-top: 60px;
      a {
        color: #666666;
        margin-right: 90px;
      }
    }
    .details {
      color: #666666;
      margin-top: 50px;
      border-top: 1px solid rgb(56, 54, 54);
      display: flex;
      padding-top: 30px;
      justify-content: space-between;
      font-size: 14px;
    }
  }
}
</style>
